<template>
	<div v-loading="loading">
		<div class="content-top">
			<span class="h1">项目管理</span>
			<span class="h2">数据审核</span>
		</div>
		<div class="contens">
			<div class="left-content clearfix" style="margin-bottom: 10px;">
				<div class="fl">
					<span>工程项目：</span>
					<el-select v-model="proValue" placeholder="请选择" filterable @change="changePro">
						<el-option v-for="item in options" :key="item.ID" :label="item.Name" :value="item.ID">
						</el-option>
					</el-select>
					<span style="margin-left: 20px;">行政区域</span>
					<el-cascader :options="regions" v-model="region" separator='-' clearable change-on-select filterable></el-cascader>
				</div>
				<div class="fr">
					<el-input v-model="search" placeholder="请输入身份证或姓名" style="width:217px;"></el-input>
					<el-button type="primary" @click="fnSearch">查询</el-button>
				</div>
			</div>
			<el-table :data="prosData" border style="width: 100%">
				<el-table-column type="index" width="50">
				</el-table-column>
				<el-table-column prop="MainName" label="户主">
				</el-table-column>
				<el-table-column prop="CardID" label="身份证号" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="Tel" label="电话" show-overflow-tooltip>
					<template slot-scope="scope">
						{{scope.row.LevyFrom.Tel}}
					</template>
				</el-table-column>
				<el-table-column prop="BankName" label="开户银行" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="BankAccount" label="银行账号" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="RegionStr" label="行政区域" show-overflow-tooltip>
				</el-table-column>
				<!--<el-table-column prop="SumMoney" label="补偿总额">
				</el-table-column>-->
				<el-table-column prop="BillCode" label="合同编号" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="StateStr" label="状态">
				</el-table-column>
				<el-table-column label="操作">
					<template slot-scope="scope">
						<el-dropdown trigger="click">
							<el-button type="primary">
								操作<i class="el-icon-arrow-down el-icon--right"></i>
							</el-button>
							<el-dropdown-menu slot="dropdown">
								<el-dropdown-item>
									<router-link v-bind="{to:'/sform/'+(scope.row.ID)}">
										<el-button size="small" type="success">查&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;看</el-button>
									</router-link>
								</el-dropdown-item>
								<el-dropdown-item>
									<el-button type="danger" size="small" @click="fnDel(scope.row.ID)" v-show="userType==3">支&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;付</el-button>
								</el-dropdown-item>
								<el-dropdown-item>
									<el-button type="info"  v-show="userType==2" size="small" @click="print(scope.row.ID)" >合同打印</el-button>
								</el-dropdown-item>
							</el-dropdown-menu>
						</el-dropdown>
					</template>
				</el-table-column>
			</el-table>
			<div class="pages">
				<el-pagination small :current-page="pages" @current-change="handleCurrentChange" layout="prev, pager, next" :total="total" background>
				</el-pagination>
			</div>
		</div>
		<div id="subOutputRank-print" v-show="false">
			<div class="form1" style='overflow: hidden;'>
				<div class="hetong">
					<span class="watermark watermark-one">{{formData.CardID}}</span>
					<span class="watermark watermark-two">{{formData.CardID}}</span>
					<span class="watermark watermark-three">{{formData.CardID}}</span>
					<span class="watermark watermark-four">{{formData.CardID}}</span>
					<span class="watermark watermark-five">{{formData.CardID}}</span>
					<span class="watermark watermark-six">{{formData.CardID}}</span>
					<span class="watermark watermark-seven">{{formData.CardID}}</span>
					<h4 class="numbs">{{billcode}}</h4>
					<div>{{dizhi}}</div>
					<div v-html='hetong1'></div>
				</div>
			</div>
			<div class="form2"  v-if='fb1Data.length != 0'>
				<div class="sublist">
					<div class="title" style="position: relative;">
							({{gcname}})工程建设土地征用补偿登记/结算表
						
					</div>
					<div style="width:100%;" class="tit clearfix">
							<span class="fr">{{billcode}}</span>
							<div style="text-align: right;">{{dizhi}}</div>
							<span class="fl">{{houseInfo}}</span>
						</div>
						<span class="watermark watermark-one">{{formData.CardID}}</span>
					<span class="watermark watermark-two">{{formData.CardID}}</span>
					<span class="watermark watermark-three">{{formData.CardID}}</span>
					<span class="watermark watermark-four">{{formData.CardID}}</span>
					<span class="watermark watermark-five">{{formData.CardID}}</span>
					<span class="watermark watermark-six">{{formData.CardID}}</span>
					<span class="watermark watermark-seven">{{formData.CardID}}</span>
					<table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
						<thead>
							<tr>
								<td rowspan="2">序号</td>
								<td colspan="7">土地测绘成果</td>
								<td colspan="2">（一）土地补偿费</td>
								<td colspan="4">（二）作物类青苗（鱼苗）/补偿费</td>
								<td>合计金额（元）</td>
								<td rowspan="2">备注</td>
							</tr>
							<tr id="headers">
								<td>地块编号</td>
								<td>地 类</td>
								<td>位置桩号K0+000</td>
								<td>①土地面积</td>
								<td>其中红线内</td>
								<td>其中红线外</td>
								<td>计算单位</td>
								<td>补偿标准(元/单位)</td>
								<td>补偿金额(元)</td>
								<td>青苗名称</td>
								<td>②有青苗面积</td>
								<td>补偿标准(元/单位)</td>
								<td>补偿金额(元)</td>
								<td>（一）+（二）</td>
							</tr>
						</thead>
						<tbody>
							<tr v-for="(person,index) in fb1Data" :key="index">
								<td>{{index+1}}</td>
								<td>{{person.ItemCode}}</td>
								<td>{{person.LevyItemStr}}</td>
								<td>{{person.PointCode}}</td>
								<td>{{person.Amount}}</td>
								<td>{{person.RedInSq}}</td>
								<td>{{person.RedOutSq}}</td>
								<td>{{person.Unit}}</td>
								<td>{{person.StandardPrice}}</td>
								<td>{{person.Money}}</td>
								<td>{{person.GreenName}}</td>
								<td>{{person.GreenAmount}}</td>
								<td>{{person.GreenPrice}}</td>
								<td>{{person.GreenMoney}}</td>
								<td>{{person.TotalMoney}}</td>
								<td>{{person.Memo}}</td>
							</tr>
						</tbody>
						<tfoot>
							<tr class="td">
								<td colspan="2">合计</td>
								<td></td>
								<td></td>
								<td>{{form1.tdmj}}</td>
								<td>{{form1.hwxn}}</td>
								<td>{{form1.hwxw}}</td>
								<td></td>
								<td></td>
								<td>{{form1.bcje}}</td>
								<td></td>
								<td>{{form1.qmmj}}</td>
								<td></td>
								<td>{{form1.bcjes}}</td>
								<td>{{form1.hjje}}</td>
								<td></td>
							</tr>
							<tr>
								<td colspan="2">合计大写</td>
								<td colspan="13">{{hjdx.uppercase1}}</td>
								<td></td>
							</tr>
							<tr class="border">
								<td colspan="3">户主或户主代表签字（盖手印）：</td>
								<td colspan="3"></td>
								<td colspan="2">身份证号：</td>
								<td colspan="3" style="text-align: left;font-weight: 600;">{{formData.CardID}}</td>
								<td colspan="2">村支书(主任)：</td>
								<td colspan="3"></td>
							</tr>
							<tr class="border">
								<td colspan="3">填表人：</td>
								<td colspan="3" style="text-align: left;font-weight: 600;">{{CrMan}}</td>
								<td colspan="2">复核人2人以上：</td>
								<td colspan="3"></td>
								<td colspan="2">施工单位复核：</td>
								<td colspan="3"></td>
							</tr>
							<tr class="border">
								<td colspan="2">镇征拆小组领导：</td>
								<td colspan="2"></td>
								<td colspan="2">镇政府盖章（镇长签名）：</td>
								<td colspan="2"></td>
								<td colspan="2">县级审核：</td>
								<td colspan="2" style="text-align: left;font-weight: 600;">{{DrMan}}</td>
								<td colspan="1">业主审核：</td>
								<td colspan="3" style="text-align: left;font-weight: 600;">{{ErMan}}</td>
							</tr>
							<tr class="border">
                    <td colspan="3">地址：</td>
                    <td colspan="13" style="text-align: left;">{{dizhi}}</td>
                  </tr>
							<tr class="border" v-show="isShowX">
								<td colspan="3">县领导：</td>
								<td colspan="13"></td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
			<div class="form3" v-if='fb2Data.length != 0'>
				<div class="sublist">
					<div class="title" style="position:relative;">
						({{gcname}})工程建设征收青苗竹木果类补偿登记/结算表&nbsp;
					</div>
					<div style="width:100%;" class="tit clearfix">
							<span class="fr">{{billcode}}</span>
							<span class="fl">{{houseInfo}}</span>
						</div>
					<span class="watermark watermark-one">{{formData.CardID}}</span>
					<span class="watermark watermark-two">{{formData.CardID}}</span>
					<span class="watermark watermark-three">{{formData.CardID}}</span>
					<span class="watermark watermark-four">{{formData.CardID}}</span>
					<span class="watermark watermark-five">{{formData.CardID}}</span>
					<span class="watermark watermark-six">{{formData.CardID}}</span>
					<span class="watermark watermark-seven">{{formData.CardID}}</span>
					<table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
						<thead>
							<tr>
								<td rowspan="2">序号</td>
								<td colspan="3">竹木果树类长势情况</td>
								<td colspan="5">土地测绘成果</td>
								<td colspan="4">按规格密度种植计算</td>
								<td colspan="3">按零星或低密度种植计算</td>
								<td colspan="3">增加超密度部分青苗成本</td>
								<td rowspan="2">补偿费（元）</td>
								<td rowspan="4">备注</td>
							</tr>
							<tr id="headers">
								<td>征收项目名称</td>
								<td>规格</td>
								<td>长势值</td>

								<td>地块编号</td>
								<td>地 类</td>
								<td>位置桩号K0+000</td>
								<td>计算单位</td>
								<td>①土地面积</td>

								<td>标准(元/单位)</td>
								<td>地块编号下的拆分编号</td>
								<td>②有树林面积</td>
								<td>金额(元)</td>

								<td>标准(元/株)</td>
								<td>数量</td>
								<td>金额（元）</td>

								<td>标准(元/株)</td>
								<td>数量</td>
								<td>金额（元）</td>

							</tr>
						</thead>
						<tbody>
							<tr v-for="(person,index) in fb2Data" :key="index">
								<td>{{index+1}}</td>
								<td>{{person.LevyItemStr}}</td>
								<td>{{person.ItemName}}</td>
								<td>{{person.GreenCurrentValue}}</td>
								<td>{{person.ItemCode}}</td>
								<td>{{person.ItemName}}</td>
								<td>{{person.PointCode}}</td>
								<td>{{person.Unit}}</td>
								<td>{{person.Amount}}</td>
								<td>{{person.StandardPrice}}</td>
								<td>{{person.LandBranchCode}}</td>
								<td>{{person.GreenAmount}}</td>
								<td>{{person.Money}}</td>
								<td>{{person.SmallPrice}}</td>
								<td>{{person.SmallAmount}}</td>
								<td>{{person.SmallMoney}}</td>
								<td>{{person.PlusPrice}}</td>
								<td>{{person.PlusAmount}}</td>
								<td>{{person.PlusMoney}}</td>
								<td>{{person.TotalMoney}}</td>
								<td>{{person.Memo}}</td>
							</tr>
						</tbody>
						<tfoot>
							<tr class="td">
								<td colspan="2">合计</td>
								<td></td>
								<td>{{form2.zsz}}</td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td>{{form2.tdmj}}</td>
								<td></td>
								<td></td>
								<td>{{form2.yslmj}}</td>
								<td>{{form2.je}}</td>
								<td></td>
								<td>{{form2.lxsl}}</td>
								<td>{{form2.lxje}}</td>
								<td></td>
								<td>{{form2.cmdsl}}</td>
								<td>{{form2.cmdje}}</td>
								<td>{{form2.bcf}}</td>
								<td></td>
							</tr>
							<tr>
								<td colspan="2">合计大写</td>
								<td colspan="18">{{hjdx.uppercase2}}</td>
								<td></td>
							</tr>
							<tr class="border">
								<td colspan="4">户主或户主代表签字（盖手印）：</td>
								<td colspan="3"></td>
								<td colspan="4">身份证号：</td>
								<td colspan="3" style="text-align: left;font-weight: 600;">{{formData.CardID}}</td>
								<td colspan="4">村支书(主任)：</td>
								<td colspan="3"></td>
							</tr>
							<tr class="border">
								<td colspan="4">填表人：</td>
								<td colspan="3" style="text-align: left;font-weight: 600;">{{CrMan}}</td>
								<td colspan="4">复核人2人以上：</td>
								<td colspan="3"></td>
								<td colspan="4">施工单位复核：</td>
								<td colspan="3"></td>
							</tr>
							<tr class="border">
								<td colspan="3">镇征拆小组领导：</td>
								<td colspan="3"></td>
								<td colspan="3">镇政府盖章（镇长签名）：</td>
								<td colspan="3"></td>
								<td colspan="3">县级审核：</td>
								<td colspan="2" style="text-align: left;font-weight: 600;">{{DrMan}}</td>
								<td colspan="2">业主审核：</td>
								<td colspan="2" style="text-align: left;font-weight: 600;">{{ErMan}}</td>
							</tr>
							 <tr class="border">
		                    <td colspan="3">地址：</td>
		                    <td colspan="18" style="text-align: left;">{{dizhi}}</td>
		                  </tr>
							<tr class="border" v-show="isShowX">
								<td colspan="4">县领导：</td>
								<td colspan="18"></td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
			<div class="form4" v-if='fb3Data.length != 0'>
				<div class="sublist">
					<div class="title" style="position: relative;">
						({{gcname}})工程建设宅地征用与房屋主体征收拆迁补偿登记/结算表
					</div>
					<div style="width:100%;" class="tit clearfix">
							<span class="fr">{{billcode}}</span>
							<span class="fl">{{houseInfo}}</span>
						</div>
						<span class="watermark watermark-one">{{formData.CardID}}</span>
					<span class="watermark watermark-two">{{formData.CardID}}</span>
					<span class="watermark watermark-three">{{formData.CardID}}</span>
					<span class="watermark watermark-four">{{formData.CardID}}</span>
					<span class="watermark watermark-five">{{formData.CardID}}</span>
					<span class="watermark watermark-six">{{formData.CardID}}</span>
					<span class="watermark watermark-seven">{{formData.CardID}}</span>
					<table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
						<thead>
							<tr>
								<td>序号</td>
								<td>征收项目名称</td>
								<td>规格</td>
								<td>计算单位</td>
								<td>补偿标准（元/单位）</td>
								<td>补偿数量</td>
								<td>补偿金额（元）</td>
								<td>备注</td>
							</tr>
						</thead>
						<tbody>
							<tr v-for="(person,index) in fb3Data" :key="index">
								<td>{{index+1}}</td>
								<td>{{person.LevyItemStr}}</td>
								<td>{{person.ItemName}}</td>
								<td>{{person.UnitName}}</td>
								<td>{{person.StandardPrice}}</td>
								<td>{{person.Amount}}</td>
								<td>{{person.Money}}</td>
								<td>{{person.Memo}}</td>
							</tr>
						</tbody>
						<tfoot>
							<tr class="td">
								<td>合计</td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td>{{form3.bcsl}}</td>
								<td>{{form3.bcje}}</td>
								<td></td>
							</tr>
							<tr>
								<td>合计大写</td>
								<td colspan="6">{{hjdx.uppercase3}}</td>
								<td></td>
							</tr>
							<tr class="border">
								<td colspan="2">户主或户主代表签字（盖手印）：</td>
								<td colspan="1"></td>
								<td colspan="1">身份证号：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{formData.CardID}}</td>
								<td colspan="1">村支书(主任)：</td>
								<td colspan="2"></td>
							</tr>
							<tr class="border">
								<td colspan="2">填表人：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{CrMan}}</td>
								<td colspan="1">复核人2人以上：</td>
								<td colspan="1"></td>
								<td colspan="1">施工单位复核：</td>
								<td colspan="2"></td>
							</tr>
							<tr class="border">
								<td colspan="1">镇征拆小组领导：</td>
								<td colspan="1"></td>
								<td colspan="1">镇政府盖章（镇长签名）：</td>
								<td colspan="1"></td>
								<td colspan="1">县级审核：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{DrMan}}</td>
								<td colspan="1">业主审核：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{ErMan}}</td>
							</tr>
							<tr class="border">
			                    <td colspan="3">地址：</td>
			                    <td colspan="18" style="text-align: left;">{{dizhi}}</td>
			                  </tr>
							<tr class="border" v-show="isShowX">
								<td colspan="2">县领导：</td>
								<td colspan="7"></td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
			<div class="form5" v-if='fb4Data.length != 0'>
				<div class="sublist">
					 <div class="title clearfix" style="position: relative;">
                    	({{gcname}})工程建设房屋装饰设施征收拆迁补偿登记/结算表
               		</div>
					   <div style="width:100%;" class="tit clearfix">
							<span class="fr">{{billcode}}</span>
							<span class="fl">{{houseInfo}}</span>
						</div>
					<span class="watermark watermark-one">{{formData.CardID}}</span>
					<span class="watermark watermark-two">{{formData.CardID}}</span>
					<span class="watermark watermark-three">{{formData.CardID}}</span>
					<span class="watermark watermark-four">{{formData.CardID}}</span>
					<span class="watermark watermark-five">{{formData.CardID}}</span>
					<span class="watermark watermark-six">{{formData.CardID}}</span>
					<span class="watermark watermark-seven">{{formData.CardID}}</span>
				<table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
					<thead>
						<tr>
							<td>序号</td>
							<td>征收项目名称</td>
							<td>规格</td>
							<td>计算单位</td>
							<td>补偿标准（元/单位）</td>
							<td>补偿数量</td>
							<td>补偿金额（元）</td>
							<td>备注</td>
						</tr>
					</thead>
					<tbody>
						<tr v-for="(person,index) in fb4Data" :key="index">
							<td>{{index+1}}</td>
							<td>{{person.LevyItemStr}}</td>
							<td>{{person.ItemName}}</td>
							<td>{{person.UnitName}}</td>
							<td>{{person.StandardPrice}}</td>
							<td>{{person.Amount}}</td>
							<td>{{person.Money}}</td>
							<td>{{person.Memo}}</td>
						</tr>
					</tbody>
					<tfoot>
						<tr class="td">
							<td>合计</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td>{{form4.bcsl}}</td>
							<td>{{form4.bcje}}</td>
							<td></td>
						</tr>
						<tr>
							<td>合计大写</td>
							<td colspan="6">{{hjdx.uppercase4}}</td>
							<td></td>
						</tr>
						<tr class="border">
							<td colspan="2">户主或户主代表签字（盖手印）：</td>
							<td colspan="1"></td>
							<td colspan="1">身份证号：</td>
							<td colspan="1">{{formData.CardID}}</td>
							<td colspan="1">村支书(主任)：</td>
							<td colspan="2"></td>
						</tr>
						<tr class="border">
							<td colspan="1">填表人：</td>
							<td colspan="1" style="text-align: left;font-weight: 600;">{{CrMan}}</td>
							<td colspan="2">复核人2人以上：</td>
							<td colspan="1"></td>
							<td colspan="2">施工单位复核：</td>
							<td colspan="1"></td>
						</tr>
						<tr class="border">
							<td colspan="1">镇征拆小组领导：</td>
							<td colspan="1"></td>
							<td colspan="1">镇政府盖章（镇长签名）：</td>
							<td colspan="1"></td>
							<td colspan="1">县级审核：</td>
							<td colspan="1" style="text-align: left;font-weight: 600;">{{DrMan}}</td>
							<td colspan="1">业主审核：</td>
							<td colspan="1" style="text-align: left;font-weight: 600;">{{ErMan}}</td>
						</tr>
						<tr class="border">
                    <td colspan="3">地址：</td>
                    <td colspan="7" style="text-align: left;">{{dizhi}}</td>
                  </tr>
						<tr class="border" v-show="isShowX">
							<td colspan="2">县领导：</td>
							<td colspan="7"></td>
						</tr>
					</tfoot>
				</table>
			</div>
			</div>
			<div class="form6" v-if='fb5Data.length != 0'>
				<div class="sublist">
					<div class="title" style="position: relative;">
						({{gcname}})工程建设征地坟墓及其他迁移补偿登记/结算表
					</div>
					<div style="width:100%;" class="tit clearfix">
								<span class="fr">{{billcode}}</span>
								<span class="fl">{{houseInfo}}</span>
							</div>
							<span class="watermark watermark-one">{{formData.CardID}}</span>
						<span class="watermark watermark-two">{{formData.CardID}}</span>
						<span class="watermark watermark-three">{{formData.CardID}}</span>
						<span class="watermark watermark-four">{{formData.CardID}}</span>
						<span class="watermark watermark-five">{{formData.CardID}}</span>
						<span class="watermark watermark-six">{{formData.CardID}}</span>
						<span class="watermark watermark-seven">{{formData.CardID}}</span>
					<table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
						<thead>
							<tr>
								<td>序号</td>
								<td>桩号K0+000</td>
								<td>坟山编号</td>
								<td>征收项目名称</td>
								<td>规格</td>
								<td>计算单位</td>
								<td>补偿标准（元/座）</td>
								<td>数量（座）</td>
								<td>金额（元）</td>
								<td>备注</td>
							</tr>
						</thead>
						<tbody>
							<tr v-for="(person,index) in fb5Data" :key="index">
								<td>{{index+1}}</td>
								<td>{{person.PointCode}}</td>
								<td>{{person.ItemCode}}</td>
								<td>{{person.LevyItemStr}}</td>
								<td>{{person.ItemName}}</td>
								<td>{{person.Unit}}</td>
								<td>{{person.StandardPrice}}</td>
								<td>{{person.Amount}}</td>
								<td>{{person.Money}}</td>
								<td>{{person.Memo}}</td>
							</tr>
						</tbody>
						<tfoot>
							<tr class="td">
								<td>合计</td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td>{{form5.bcsl}}</td>
								<td>{{form5.bcje}}</td>
								<td></td>
							</tr>
							<tr>
								<td>合计大写</td>
								<td colspan="8">{{hjdx.uppercase5}}</td>
								<td></td>
							</tr>
							<tr class="border">
								<td colspan="2">户主或户主代表签字（盖手印）：</td>
								<td colspan="1"></td>
								<td colspan="1">身份证号：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{formData.CardID}}</td>
								<td colspan="2">村支书(主任)：</td>
								<td colspan="2"></td>
							</tr>
							<tr class="border">
								<td colspan="1">填表人：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{CrMan}}</td>
								<td colspan="2">复核人2人以上：</td>
								<td colspan="2"></td>
								<td colspan="2">施工单位复核：</td>
								<td colspan="2"></td>
							</tr>
							<tr class="border">
								<td colspan="2">镇征拆小组领导：</td>
								<td colspan="1"></td>
								<td colspan="2">镇政府盖章（镇长签名）：</td>
								<td colspan="1"></td>
								<td colspan="1">县级审核：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{DrMan}}</td>
								<td colspan="1">业主审核：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{ErMan}}</td>
							</tr>
							<tr class="border">
                    <td colspan="3">地址：</td>
                    <td colspan="11" style="text-align: left;">{{dizhi}}</td>
                  </tr>
							<tr class="border" v-show="isShowX">
								<td colspan="2">县领导：</td>
								<td colspan="8"></td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
			<div class="form7" v-if='fb6Data.length != 0'>
				<div class="sublist">
					<div class="title" style="position: relative;">
						({{gcname}})工程特殊征拆补偿登记/结算表
					</div>
					<div style="width:100%;" class="tit clearfix">
						<span class="fr">{{billcode}}</span>
						<span class="fl">{{houseInfo}}</span>
					</div>
					<span class="watermark watermark-one">{{formData.CardID}}</span>
						<span class="watermark watermark-two">{{formData.CardID}}</span>
						<span class="watermark watermark-three">{{formData.CardID}}</span>
						<span class="watermark watermark-four">{{formData.CardID}}</span>
						<span class="watermark watermark-five">{{formData.CardID}}</span>
						<span class="watermark watermark-six">{{formData.CardID}}</span>
						<span class="watermark watermark-seven">{{formData.CardID}}</span>
					<table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
						<thead>
							<tr>
								<td>序号</td>
								<td>征收项目名称</td>
								<td>补偿标准</td>
								<td>数量</td>
								<td>金额（元）</td>
								<td>批准文号</td>
								<td colspan="3">备注</td>
							</tr>
						</thead>
						<tbody>
							<tr v-for="(person,index) in fb6Data" :key="index">
								<td>{{index+1}}</td>
								<td>{{person.ItemName}}</td>
								<td>{{person.StandardPrice}}</td>
								<td>{{person.Amount}}</td>
								<td>{{person.Money}}</td>
								<td>{{person.ItemCode}}</td>
								<td colspan="3">{{person.Memo}}</td>
							</tr>
						</tbody>
						<tfoot>
							<tr class="td">
								<td>合计</td>
								<td></td>
								<td></td>
								<td>{{form6.bcsl}}</td>
								<td>{{form6.bcje}}</td>
								<td></td>
								<td colspan="3"></td>
							</tr>
							<tr>
								<td>合计大写</td>
								<td colspan="5"></td>
								<td colspan="4"></td>
							</tr>
							<tr class="border">
								<td colspan="2">户主或户主代表签字（盖手印）：</td>
								<td colspan="1"></td>
								<td colspan="1">身份证号：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{formData.CardID}}</td>
								<td colspan="1">村支书(主任)：</td>
								<td colspan="3"></td>
							</tr>
							<tr class="border">
								<td colspan="1">填表人：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{CrMan}}</td>
								<td colspan="2">复核人2人以上：</td>
								<td colspan="1"></td>
								<td colspan="1">施工单位复核：</td>
								<td colspan="3"></td>
							</tr>
							<tr class="border">
								<td colspan="1">镇征拆小组领导：</td>
								<td colspan="1"></td>
								<td colspan="1">镇政府盖章（镇长签名）：</td>
								<td colspan="1"></td>
								<td colspan="1">县级审核：</td>
								<td colspan="1" style="text-align: left;font-weight: 600;">{{DrMan}}</td>
								<td colspan="1">业主审核：</td>
								<td colspan="2" style="width: 30px;text-align: left;font-weight: 600;">{{ErMan}}</td>
							</tr>
							<tr class="border">
                    <td colspan="3">地址：</td>
                    <td colspan="8" style="text-align: left;">{{dizhi}}</td>
                  </tr>
							<tr class="border" v-show="isShowX">
								<td colspan="1">县领导：</td>
								<td colspan="8"></td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
import api from "../../axios/api";
export default {
  name: "countyExamine",
  data() {
    return {
      loading: false,
      formData: [], //户主表
			search: "",
      proValue: "", //工程选中
      prosData: [], //工程项目
      region: [], //区域ID
      pages: 1, //分页页码
      total: 1, //条数
			options: [],
      regions: [],

      fb1Data: [], //分表一
      fb2Data: [], //分表二
      fb3Data: [], //分表三
      fb4Data: [], //分表四
      fb5Data: [], //分表五
      fb6Data: [], //分表六
      isShowX: false,
      form: {
        region: [],
        gcxm: "",
        name: "",
        card: "",
        tel: "",
        bank: "",
        bankID: "",
        bcze: ""
      },
      form1: {
        tdmj: 0, //土地面积
        hwxn: 0, //红外线内
        hwxw: 0, //红外线外
        bcje: 0, //补偿金额
        qmmj: 0, //青苗面积
        bcjes: 0, //补偿金额
        hjje: 0 //合计金额
      }, //表一合计
      form2: {
        zsz: 0, //长势值
        tdmj: 0, //土地面积
        yslmj: 0, //有树林面积
        je: 0, //金额
        lxsl: 0, //零星数量
        lxje: 0, //零星金额
        cmdsl: 0, //超密度数量
        cmdje: 0, //超密度金额
        bcf: 0 //补偿费
      }, //表二合计
      form3: {
        bcsl: 0, //补偿数量
        bcje: 0 //补偿金额
      }, //表三合计
      form4: {
        bcsl: 0, //补偿数量
        bcje: 0 //补偿金额
      }, //表四合计
      form5: {
        bcsl: 0, //补偿数量
        bcje: 0 //补偿金额
      }, //表四合计
      form6: {
        bcsl: 0, //补偿数量
        bcje: 0 //补偿金额
      }, //表四合计
      isShowX: false, //是否显示县领导
      //分表一数据
      fb1Data: [],
      //分表二数据
      fb2Data: [],
      //分表三数据
      fb3Data: [],
      //分表四数据
      fb4Data: [],
      //分表五数据
      fb5Data: [],
      //分表六数据
      fb6Data: [],
      formData: [],
      FlowLog: [],
      hetong1: "",
      hjdx: {
        uppercase1: "",
        uppercase2: "",
        uppercase3: "",
        uppercase4: "",
        uppercase5: "",
        uppercase6: ""
      }, //合计大写
      gcname: "",
      CrMan: "", //填表人
      DrMan: "", //县级审核
      ErMan: "", //业主审核
      houseInfo: "", //户主信息
      userType: 1,
      billcode: "",
      dizhi:''
    };
  },
  created() {
    this.getlistde();
    // this.getList(this.pages, '', '', 0)
    this.userType = sessionStorage.UserType;
  },
  methods: {
    getedit(id) {
      this.$get(api.getview + "/" + id).then(res => {
        if (res.data.isOK == true && res.data.state == 200) {
          this.gcname = res.Data.ProjectStr;
          this.formData = res.Data.FromInfoView;
this.dizhi = res.Data.fulname
          this.FlowLog = res.Data.FlowLogsView;
          this.fb1Data = res.Data.LandTableView;
          this.fb2Data = res.Data.GreenTableView;
          this.fb3Data = res.Data.HouseTableView;
          this.fb4Data = res.Data.HouseExTableView;
          this.fb5Data = res.Data.GraveTableView;
          this.fb6Data = res.Data.OtherTableView;
          for (let i = 0; i < this.fb1Data.length; i++) {
            this.form1.tdmj += this.fb1Data[i].Amount - 0; //土地面积
            this.form1.hwxn += this.fb1Data[i].RedInSq - 0; //红外线内
            this.form1.hwxw += this.fb1Data[i].RedOutSq - 0; //红外线外
            this.form1.bcje += this.fb1Data[i].Money - 0; //补偿金额
            this.form1.qmmj += this.fb1Data[i].GreenAmount - 0; //青苗面积
            this.form1.bcjes += this.fb1Data[i].GreenMoney - 0; //补偿金额
            this.fb1Data[i].TotalMoney =
              this.fb1Data[i].Money - 0 + (this.fb1Data[i].GreenMoney - 0);
            this.form1.hjje += this.fb1Data[i].TotalMoney;
          }
          this.hjdx.uppercase1 = this.$toMoney(this.form1.hjje);
          //表二
          for (let i = 0; i < this.fb2Data.length; i++) {
            this.form2.zsz += this.fb2Data[i].GreenCurrentValue - 0; //长势值
            this.form2.tdmj += this.fb2Data[i].Amount - 0; //土地面积
            this.form2.yslmj += this.fb2Data[i].GreenAmount - 0; //有树林面积
            this.form2.je += this.fb2Data[i].Money - 0; //金额
            this.form2.lxsl += this.fb2Data[i].SmallAmount - 0; //零星数量
            this.form2.lxje += this.fb2Data[i].SmallMoney - 0; //零星金额
            this.form2.cmdsl += this.fb2Data[i].PlusAmount - 0; //超密度数量
            this.form2.cmdje += this.fb2Data[i].PlusMoney - 0; //超密度金额
            this.fb2Data[i].TotalMoney +=
              this.form2.je + this.form2.lxje + this.form2.cmdje; //补偿费TotalMoney
            this.form2.bcf += this.fb2Data[i].TotalMoney; //补偿费TotalMoney
          }
          this.hjdx.uppercase2 = this.$toMoney(this.form2.bcf);
          //表三
          for (let i = 0; i < this.fb3Data.length; i++) {
            this.form3.bcsl += this.fb3Data[i].Amount - 0; //长势值
            this.form3.bcje += this.fb3Data[i].Money - 0; //土地面积
          }
          this.hjdx.uppercase3 = this.$toMoney(this.form3.bcje);
          //表四
          for (let i = 0; i < this.fb4Data.length; i++) {
            this.form4.bcsl += this.fb4Data[i].Amount - 0; //长势值
            this.form4.bcje += this.fb4Data[i].Money - 0; //土地面积
          }
          this.hjdx.uppercase4 = this.$toMoney(this.form4.bcje);
          //表五
          for (let i = 0; i < this.fb5Data.length; i++) {
            this.form5.bcsl += this.fb5Data[i].Amount - 0; //长势值
            this.form5.bcje += this.fb5Data[i].Money - 0; //土地面积
          }
          this.hjdx.uppercase5 = this.$toMoney(this.form5.bcje);
          //表六
          for (let i = 0; i < this.fb6Data.length; i++) {
            this.form6.bcsl += this.fb6Data[i].Amount - 0; //长势值
            this.form6.bcje += this.fb6Data[i].Money - 0; //土地面积
          }
          this.hjdx.uppercase6 = this.$toMoney(this.form6.bcje);
        } else {
          this.$message.error(res.data.msg);
        }
        //			this.MainName = res.data.Data.FromInfo.MainName
        //			this.sfzh = res.data.Data.FromInfo.CardID
      });
    },

    //搜索
    fnSearch() {
      this.pages = 1;
      this.getList(
        this.pages,
        this.search,
        this.proValue,
        this.region[this.region.length - 1]
      );
    },
    //分页
    handleCurrentChange(val) {
      this.pages = val;
      this.getList(
        this.pages,
        this.search,
        this.proValue,
        this.region[this.region.length - 1]
      );
    },
    //当项目改变的时候重新拉取行政区域
    changePro() {
      this.anonymousget();
    },
    //获取项目
    getlistde() {
      this.$post(api.getlistde)
        .then(response => {
          if (response.isOK == true && response.state == 200) {
            this.options = response.Data;
            this.proValue = this.options[0] ? this.options[0].ID : "";
            this.getList(this.pages, "", this.proValue, 0);

            this.anonymousget();
          } else {
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
					this.loading=false;
        });
    },
    //获取行政区域
    anonymousget() {
      this.regions = [];
      this.$get(api.anonymousget + "/" + this.proValue)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            for (var i = 0; i < response.data.Data.length; i++) {
              this.regions.push({
                label: response.data.Data[i].RegionName,
                value: response.data.Data[i].ID,
                ParentID: response.data.Data[i].ParentID
              });
            }
            this.regions = this.$toTree(this.regions);
          } else {
            this.$message.error(response.data.msg);
          }
        })
        .catch(error => {
					this.loading=false;
				});
    },
    //获取审核列表
    getList(index, val, proid, regid) {
      this.loading = true;
      this.$post(api.flowlist, {
        Para: {
          QueryKeyWord: val,
          ProjectID: proid,
          RegionID: regid
        },
        PageSize: 10,
        PageIndex: index - 1,
        OrderString: "",
        ToExcel: false
      })
        .then(response => {
          if (response.isOK == true && response.state == 200) {
            this.loading = false;
            this.prosData = response.Data.Data;
            this.total = response.Data.Items ? response.Data.Items : 1;
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    fnDel(id) {
      this.$confirm("确认支付, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.loading = true;
          this.$get(api.flowpay + "/" + id)
            .then(response => {
              console.log(response);
              if (response.data.isOK == true && response.data.state == 200) {
                this.loading = false;
                this.pages = 1;
                this.getList(this.pages, "", "", 0);
                this.$message({
                  message: "支付成功",
                  type: "success"
                });
              } else {
                this.loading = false;
                this.$message.error(response.data.msg);
              }
            })
            .catch(err => {
              this.loading = false;
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消支付"
          });
        });
    },
    print(id) {
      this.$confirm("确认打印, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.loading = true;
          this.$post(api.getview, {
            FlowMasterID: id,
            isPrint: true
          }).then(res => {
            if (res.isOK == true && res.state == 200) {
              this.hetong1 = res.Data.TemplateContent;
              this.gcname = res.Data.ProjectStr;
              this.CrMan = res.Data.CrMan;
              this.DrMan = res.Data.DrMan;
              this.ErMan = res.Data.ErMan;
              this.houseInfo =
                res.Data.FromInfoView.MainName +
                "-" +
                res.Data.FromInfoView.Tel +
                "-" +
                res.Data.fulname;
              this.formData = res.Data.FromInfoView;
              this.FlowLog = res.Data.FlowLogsView;
              this.fb1Data = res.Data.LandTableView;
              this.fb2Data = res.Data.GreenTableView;
              this.fb3Data = res.Data.HouseTableView;
              this.dizhi = res.Data.fulname
              this.fb4Data = res.Data.HouseExTableView;
              this.fb5Data = res.Data.GraveTableView;
              this.fb6Data = res.Data.OtherTableView;
              this.billcode = res.Data.billcode;
              for (let i = 0; i < this.fb1Data.length; i++) {
                this.form1.tdmj += this.fb1Data[i].Amount - 0; //土地面积
                this.form1.hwxn += this.fb1Data[i].RedInSq - 0; //红外线内
                this.form1.hwxw += this.fb1Data[i].RedOutSq - 0; //红外线外
                this.form1.bcje += this.fb1Data[i].Money - 0; //补偿金额
                this.form1.qmmj += this.fb1Data[i].GreenAmount - 0; //青苗面积
                this.form1.bcjes += this.fb1Data[i].GreenMoney - 0; //补偿金额
                this.fb1Data[i].TotalMoney =
                  (this.fb1Data[i].Money - 0) + (this.fb1Data[i].GreenMoney - 0);
                this.form1.hjje += this.fb1Data[i].TotalMoney;
              }
              this.hjdx.uppercase1 = this.$toMoney(this.form1.hjje);
              //表二
              for (let i = 0; i < this.fb2Data.length; i++) {
                this.form2.zsz += this.fb2Data[i].GreenCurrentValue - 0; //长势值
                this.form2.tdmj += this.fb2Data[i].Amount - 0; //土地面积
                this.form2.yslmj += this.fb2Data[i].GreenAmount - 0; //有树林面积
                this.form2.je += this.fb2Data[i].Money - 0; //金额
                this.form2.lxsl += this.fb2Data[i].SmallAmount - 0; //零星数量
                this.form2.lxje += this.fb2Data[i].SmallMoney - 0; //零星金额
                this.form2.cmdsl += this.fb2Data[i].PlusAmount - 0; //超密度数量
                this.form2.cmdje += this.fb2Data[i].PlusMoney - 0; //超密度金额
                this.fb2Data[i].TotalMoney +=
                  (this.fb2Data[i].Money - 0) + (this.fb2Data[i].SmallMoney - 0) + (this.fb2Data[i].PlusMoney - 0); //补偿费TotalMoney
                this.form2.bcf += this.fb2Data[i].TotalMoney; //补偿费TotalMoney
              }
              this.hjdx.uppercase2 = this.$toMoney(this.form2.bcf);
              //表三
              for (let i = 0; i < this.fb3Data.length; i++) {
                this.form3.bcsl += this.fb3Data[i].Amount - 0; //长势值
                this.form3.bcje += this.fb3Data[i].Money - 0; //土地面积
              }
              this.hjdx.uppercase3 = this.$toMoney(this.form3.bcje);
              //表四
              for (let i = 0; i < this.fb4Data.length; i++) {
                this.form4.bcsl += this.fb4Data[i].Amount - 0; //长势值
                this.form4.bcje += this.fb4Data[i].Money - 0; //土地面积
              }
              this.hjdx.uppercase4 = this.$toMoney(this.form4.bcje);
              //表五
              for (let i = 0; i < this.fb5Data.length; i++) {
                this.form5.bcsl += this.fb5Data[i].Amount - 0; //长势值
                this.form5.bcje += this.fb5Data[i].Money - 0; //土地面积
              }
              this.hjdx.uppercase5 = this.$toMoney(this.form5.bcje);
              //表六
              for (let i = 0; i < this.fb6Data.length; i++) {
                this.form6.bcsl += this.fb6Data[i].Amount - 0; //长势值
                this.form6.bcje += this.fb6Data[i].Money - 0; //土地面积
              }

              this.hjdx.uppercase6 = this.$toMoney(this.form6.bcje);
              this.loading = false;
              setTimeout(function() {
                let subOutputRankPrint = document.getElementById("subOutputRank-print");
                let newContent = subOutputRankPrint.innerHTML;
                let oldContent = document.body.innerHTML;
                document.body.innerHTML = newContent;
                if ($(".form2").height() > 794) {
                  $(".form2").height(1500);
                }
                if ($(".form3").height() > 794) {
                  $(".form3").height(1500);
                }
                if ($(".form4").height() > 794) {
                  $(".form4").height(1500);
                }
                if ($(".form5").height() > 794) {
                  $(".form5").height(1500);
                }
                if ($(".form6").height() > 794) {
                  $(".form6").height(1500);
                }
                if ($(".form7").height() > 794) {
                  $(".form7").height(1500);
                }
                window.print();
                window.location.reload();
                document.body.innerHTML = oldContent;
                return false;
              }, 0);
            } else {
              this.loading = false;
              this.$message.error(res.msg);
            }
            //			this.MainName = res.data.Data.FromInfo.MainName
            //			this.sfzh = res.data.Data.FromInfo.CardID
          });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消打印"
          });
        });
    }
  }
};
</script>

<style scoped="">
#subOutputRank-print {
  width: 100%;
}

.form1,
.form2,
.form3,
.form4,
.form5,
.form6,
.form7 {
  width: 1162px;
  min-height: 794px;
  box-sizing: border-box;
  /*margin-top: 2.5px;*/
}
.form2,
.form3,
.form4,
.form5,
.form6,
.form7{
	margin-top: 10px;
}
.hetong {
  height: 794px;
  width: 1162px;
  margin: auto;
  background: #fafafb;
  position: relative;
	box-sizing: border-box;
	padding-top:50px;
}

.hetong h1 {
  text-align: center;
  color: #000000;
  line-height: 220px;
  font-size: 50px;
}

.sublist {
  min-height: 794px;
  width: 1162px;
  border: 1px solid #fff;
  position: relative;

  padding-top: 50px;
  box-sizing: border-box;
}

.title {
  width: 100%;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  margin: 10px auto;
  color: #909399;
}

#subOutputRank-print .title span {
  font-size: 14px;
  float: left;
  margin-top: 10px;
}

.title label {
  font-size: 14px;
  float: left;
  margin-top: 10px;
}
.tit span {
  color: #909399;
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  margin: 10px 0;
}

.tabfooter .row {
  color: #909399;
  font-size: 14px;
  font-weight: 600;
  margin: 15px auto;
  border-bottom: 1px solid #ebeef5;
}

.landsTable tfoot .td td {
  text-align: center;
  font-weight: 600;
}

.landsTable {
  width: 100%;
  color: #000;
  margin: auto;
  border-collapse: collapse;
  font-size: 12px;
  overflow-x: auto;
}

.landsTable thead {
  font-weight: 600;
  color: #000;
}

.landsTable td,
.landsTable th {
  text-align: center;
  padding: 5px;
  border: 1px solid #000;
}
.landsTable tfoot .border,
.landsTable tfoot .border td {
  border: none;
  border-bottom: 1px solid #000 !important;
}
.landsTable tfoot td {
  text-align: right;
}


.watermark {
  font-size: 30px;
  letter-spacing: 6px;
  position: absolute;
  z-index: 0;
  transform: rotate(34deg);
  color: #ccc;
  opacity: 0.1;
}
.watermark-one{
    top: 139px;
    left: 839px;
}
.watermark-two{
top: 386px;
    left: 839px;
}

.watermark-three{
    top: 146px;
    left: 462px;
}
.watermark-four{
top: 561px;
    left: 613px;
}
.watermark-five{
    top: 341px;
    left: 250px;
}
.watermark-six{
    top: 591px;
    left: 66px;
}
.watermark-seven{
    top: 100px;
    left: 10px;
}
.numbs {
  text-align: right;
  margin-bottom: 10px;
}
</style>